<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>07vue-文本显示</title>
    <script type="text/javascript" src="static/vue.min.js"></script>
</head>
<body>
<div id="vue">
    <!--使用插入表达式可以拼接特殊字符，但无法解析HTML标签-->
    -----{{message}}----- <br>
    -----{{message1}}-----
    <div v-text="message">----</div>
    <div v-text="message1">----</div>
    <!--可以解析Html标签-->
    <div v-html="message">****</div>
    <div v-html="message1">****</div>
</div>
<script>
    new Vue({
        el: "#vue",
        data: {
            message:"造物弄人",
            message1:"<h1>半生雪</h1>"
        },
        methods: {
        }
    });
</script>
</body>
</html>